<div class="container" id="my-account-container">
    <div class="page-header">
        <h3><span class="glyphicon glyphicon-user"></span> My Account</h3>
    </div>
    <div class="row">
        <div class="col-md-4">
            <img src="#" alt="Profile Image" style="width: 200px;height: 200px;" />
            <div class="row my-account-menu" style="margin-top:1em;">
                <a href="#" role="button" class="btn btn-primary btn-edit-acc-profile">Edit Profile</a>
                <a href="#" role="button" class="btn btn-primary btn-change-pass">Change Password</a>
            </div>
        </div>
        <div class="col-md-8 form-group view-account-profile form-horizontal">
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Name</label>
                <div class="col-md-9">
                    <span class="my-acc-text"><?php echo $details->lname.', '.$details->fname.' '.$details->mname;?></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Birthday</label>
                <div class="col-md-9">
                    <span class="my-acc-text"><?php echo $details->bday;?></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Gender</label>
                <div class="col-md-9">
                    <span class="my-acc-text"><?php if($details->gender=='0'){echo 'Male';}else{echo 'Female';};?></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Home Address</label>
                <div class="col-md-9">
                    <span class="my-acc-text"><?php echo $details->coord_address;?></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Email Address</label>
                <div class="col-md-9">
                    <span class="my-acc-text"><?php echo $details->coord_email;?></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Contact No.</label>
                <div class="col-md-9">
                    <span class="my-acc-text"><?php echo $details->coord_num;?></span>
                </div>
            </div>
        </div>
        <div class="col-md-8 hide edit-account-profile form-horizontal">
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Name</label>
                <div class="col-md-9">
                    <input type="text" class="form-control my-acc-text" value="<?php echo $details->lname.', '.$details->fname.' '.$details->mname;?>"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Birtday</label>
                <div class="col-md-9">
                    <input type="date" class="form-control my-acc-text" value="<?php echo $details->bday;?>"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Gender</label>
                <div class="col-md-9">
                    <div class="btn-group gender" data-toggle="buttons">
                        <?php if($details->gender=='0'){ ?>
                            <label class="btn btn-default active">
                                <input type="radio" name="gender" value="0" checked>Male
                            </label>
                            <label class="btn btn-default">
                                <input type="radio" name="gender" value="1">Female
                            </label>
                        <?php }else{ ?>
                            <label class="btn btn-default">
                                <input type="radio" name="gender" value="0">Male
                            </label>
                            <label class="btn btn-default active">
                                <input type="radio" name="gender" value="1" checked>Female
                            </label>
                        <?php } ?>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Home Address</label>
                <div class="col-md-9 address-container">
                    <div class="input-group">
                        <input type="text" class="form-control my-acc-text" name="search_emp" value="<?php echo $details->coord_address;?>">
                        <span class="input-group-btn">
                            <button class="btn btn-default btn-add-address-row" type="button" title="Add another address"><span class="glyphicon glyphicon-plus"></span></button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Email Address</label>
                <div class="col-md-9">
                    <input type="text" class="form-control my-acc-text" value="<?php echo $details->coord_email;?>" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Contact No.</label>
                <div class="col-md-9">
                    <input type="text" class="form-control my-acc-text" value="<?php echo $details->coord_num;?>" />
                </div>
            </div>
            <div class="form-group text-right">
                <a href="#" role="button" class="btn btn-primary btn-update-acc-profile hide">Update</a>
                <a href="#" role="button" class="btn btn-default btn-cancel-acc-profile hide">Cancel</a>
            </div>
        </div>
        <div class="col-md-8 hide change-password form-horizontal">
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Email Address</label>
                <div class="col-md-9">
                    <input type="text" class="form-control my-acc-text" value="<?php echo $details->coord_email;?>" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Contact No.</label>
                <div class="col-md-9">
                    <input type="text" class="form-control my-acc-text" value="<?php echo $details->coord_num;?>" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 my-acc-label">Contact No.</label>
                <div class="col-md-9">
                    <input type="text" class="form-control my-acc-text" value="<?php echo $details->coord_num;?>" />
                </div>
            </div>
            <div class="form-group text-right">
                <a href="#" role="button" class="btn btn-primary btn-update-password hide">Update</a>
                <a href="#" role="button" class="btn btn-default btn-cancel-change-pass hide">Cancel</a>
            </div>
        </div>
    </div>
</div>